


<script setup>
import {ref, reactive} from 'vue'

const number = ref(1)
const ok = ref(true)
const message = ref('123456')
const id = ref(100)

</script>
<!-- 在 Vue 模板内，JavaScript 表达式可以被使用在如下场景上： -->
<!-- 在文本插值中 (双大括号) -->
<!-- 在任何 Vue 指令 (以 v- 开头的特殊 attribute) attribute 的值中 -->
<template>
    {{ number + 1 }}<p></p>
    {{ ok ? 'YES' : 'NO' }}<p></p>
    {{ message.split('').reverse().join('') }}<p></p>
    // 这里可以把id=100，传进来，变成id="list-100"
    <div :id="`list-${id}`">测试id</div><p></p>
</template>